<template>
  <div class="error">
    <div class="error_404">
      <span class="name">暂时找不到页面</span>
      <span class="bark" @click="$router.go(-1)">返回</span>
    </div>
  </div>
</template>

<script>
export default {
  name: 'error',
  data() {
    return {
    };
  },
  computed: {
  }
};
</script>

<style scoped lang="less">
.error{
  font-size:32px;
  text-align: center;
  height: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
  .error_404{
    position: relative;
    padding-top:160px;
    margin-top:-200px;
    color: #666;
    &::before{
      content: '';
      position: absolute;
      top:0;
      left:50%;
      margin-left:-80px;
      display: block;
      background-image: url('/static/images/icon-nodata.png');
      background-repeat: no-repeat;
      background-size: cover;
      background-position: center center;
      width:160px;
      height: 160px;
    }
    .name{
      display: block;
      font-size: 28px;
    }
    .bark{
      display: inline-block;
      margin-top:30px;
      border-radius: 30px;
      padding: 10px 40px;
      color: #fff;
      font-size: 24px;
      background-color: #3e88ef;
    }
  }
}
</style>
